
<template>

    <a-form style="margin-top: 30px">
      <a-form-item
          label="实验数据集名称"
          name="experimentName"
          class="inputStyle">
        <a-input v-model:value="experimentalConditionForm.experimentSetName" />
      </a-form-item>
      <a-form-item
          label="应用领域"
          name="applicationField"
          class="inputStyle">
        <a-input v-model:value="experimentalConditionForm.applicationField" />
      </a-form-item>
      <a-form-item
          label="实验描述"
          name="experimentDescription"
          class="inputStyle">
        <a-textarea  v-model:value="experimentalConditionForm.experimentDescription" rows="4"></a-textarea>
      </a-form-item>
      <a-form-item
          label="上传人&nbsp;&nbsp;&nbsp;"
          name="uploader"
          class="inputStyle">
        <a-input v-model:value="experimentalConditionForm.uploader" />
      </a-form-item>
      <a-form-item
          label="数据类型"
          name="dataType"
          class="inputStyle">
        <a-radio-group v-model:value="experimentalConditionForm.dataType">
          <a-radio value="1">电镜图片</a-radio>
          <a-radio value="2">其他</a-radio>
        </a-radio-group>
      </a-form-item>

      <a-space direction="horizontal" size="large">
        <a-button type="primary" @click="nextStepToExperimentalBatch">下一步</a-button>
        <a-button type="primary" danger>取消</a-button>
      </a-space>
    </a-form>
</template>

<script>
export default {
  name: "DataInfoEnter",
  data(){
    return{
      experimentalConditionForm:{
        experimentSetName:"",
        applicationField:"",
        experimentDescription:"",
        uploader:"",
        dataType:"1"
      }
    }
  },

  methods:{
    //跳转到下一页面(实验批次录入页面)
    nextStepToExperimentalBatch(){
      sessionStorage.setItem("currentStep","1");
      const experimentalConditionFormString = JSON.stringify(this.experimentalConditionForm);
      sessionStorage.setItem("experimentalConditionForm",experimentalConditionFormString);
      this.$router.push("/DataInfoEnterOfExperimentalBatch")
    }
  }
}
</script>

<style scoped>

.inputStyle{
  padding: 0 32vw 0 32vw;
}

</style>